<template>
	<span class="svg-icon">
		<svg :width="widthPX" :height="heightPX" viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
			<!-- <title>yuyin</title> -->
			<g id="DEMO1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
				<g id="鸡小蟹-初始状态" transform="translate(-2326.000000, -1332.000000)">
					<g id="编组备份" transform="translate(1759.000000, 22.000000)">
						<g id="编组-9备份-2" transform="translate(24.000000, 1246.000000)">
							<g id="yuyin" transform="translate(543.000000, 64.000000)">
								<g transform="translate(1.000000, 0.000000)" fill="#BBBBBB" fill-rule="nonzero" id="形状">
									<path
										d="M12.4019608,21.0352941 L12.4019608,24 L9.09477126,24 L9.09477126,21.0352941 C4.13398694,20.4705883 0.330718941,16.9411765 0,12.7058824 L3.30718953,12.7058824 C3.63790847,15.8117647 6.94509804,18.3529412 10.748366,18.3529412 C14.551634,18.3529412 17.693464,15.8117647 18.1895425,12.7058824 L21.496732,12.7058824 C21.0006536,16.9411765 17.1973857,20.4705883 12.4019608,21.0352941 L12.4019608,21.0352941 Z M10.748366,0 C13.0633987,0 14.8823529,1.55294117 14.8823529,3.52941178 L14.8823529,12 C14.8823529,13.9764706 13.0633987,15.5294118 10.748366,15.5294118 C8.4333333,15.5294118 6.6143791,13.9764706 6.6143791,12 L6.6143791,3.52941178 C6.6143791,1.55294117 8.43333334,0 10.748366,0 Z"
									></path>
								</g>
								<rect id="矩形" stroke="#979797" fill="#D8D8D8" opacity="0" x="0.5" y="0.5" width="23" height="23"></rect>
							</g>
						</g>
					</g>
				</g>
			</g>
		</svg>
	</span>
</template>
<script>
export default {
	props: {
		width: {
			type: String,
			default: '100px'
		},
		height: {
			type: String,
			default: '100px'
		}
	},
	computed: {
		widthPX() {
			return this.width
		},
		heightPX() {
			return this.height
		}
	},
	name: 'YuYin'
}
</script>
<style scoped>
.svg-icon {
	overflow: hidden;
	display: inline-flex;
}
</style>
